import '../css/index.scss'
import '../css/common/header.scss'
import '../css/common/footer.scss'

if (module.hot) { module.hot.accept() } // 实现热更新

//开发用
if (location.href !== 'http://localhost:8080/page/index.html') {window.location.replace('http://localhost:8080/page/index.html')};
//


// 鼠标hvoer显示图片
(function () {
    var $gift = $('.new-r .get_gift ul li');

    $gift.hover(function () {
        $(this).siblings().removeClass('hover');
        $(this).addClass('hover');
    })
})();

(function () {
    $('.main-recom .top .recom-game').mouseenter(function () {
        $(this).addClass('recom-game-active');
        $('.play-recom-game').css('display', 'block');
        $('.play-my-game').css('display', 'none');
        $('.main-recom .top .my-play').removeClass('my-play-active');
    })
    $('.main-recom .top .my-play').mouseenter(function () {
        $(this).addClass('my-play-active');
        $('.play-recom-game').css('display', 'none');
        $('.play-my-game').css('display', 'block');
        $('.main-recom .top .recom-game').removeClass('recom-game-active');
    })
})();

(function () { // 文本超出隐藏
    var $not = $('.notice');

    var $span = $not.find('.notice-i .text');

    for (let i = 0; i < $span.length; i++) {
        textEllipsis($span.get(i), 2, 400);
    }

    function textEllipsis(ele, line, y) {
        if((ele.currentStyle?ele.currentStyle['position']:getComputedStyle(ele)['position']) === "static") ele.style.position = "relative";
        var str = ele.innerText;
        ele.innerHTML = null;
        var lineSum = 1;
        var strIndex = '';
        var topS = 0;
        var topT = 0;
        for (var i = 0; i < str.length; i++) {
            var eSpan = document.createElement('span');
            strIndex = str.substring(i, i+1);
            eSpan.innerText = strIndex;
            ele.appendChild(eSpan);
            topT = eSpan.offsetTop;
            if (topS !== topT) {topS = topT;lineSum ++;}
            if (lineSum === line && eSpan.offsetLeft + eSpan.offsetWidth >= y) {
                ele.innerHTML = null;
                ele.innerText = (str.substring(0, i)).replace(/.{1,3}$/, '...');
                break
            }
            if (lineSum > line) {
                ele.innerHTML = null;
                ele.innerText = (str.substring(0, i)).replace(/.{1,4}$/, '...');
                return
            }
            if (i === str.length - 1) {
                ele.innerHTML = null;
                ele.innerText = str;
            }
        }
    }
})();


(function () { // 登录注册弹窗

    let $BoxLogin = $('.login_box');
    let $BoxReg = $('.register_box');
    let $boxFind = $('.find_p_box');
    let $zg = $('.box_opacity');

    // 显示登录弹窗
    $('.header .head-top .top-r .b-login').click(function () {
        $zg.show();
        $BoxLogin.show();
    })
    // 显示注册弹窗
    $('.header .head-top .top-r .b-reg').click(function () {
        $zg.show();
        $BoxReg.show();
    })
    // // 显示找回密码弹窗
    $('#pc_password_forget').click(function () {
        $BoxLogin.hide();
        $BoxLogin.hide();
        $zg.show();
        $boxFind.show();
    })

    // 登录弹窗切换到注册弹窗
    $BoxReg.find('.box_tit_login').click(function () {
        $BoxLogin.show();
        $BoxReg.hide();
    });

    // 注册弹窗切换到登录弹窗
    $BoxLogin.find('.box_tit_reg').click(function () {
        $BoxLogin.hide();
        $BoxReg.show();
    });

    // 关闭
    $('.my_box .box_close').click(function () {
        $zg.hide();
        $(this).parent().hide();
    })

    // 记住密码
    $('.myforget .rem_box').click(function () {
        if ($(this).hasClass('rem_box_active')) {
            $(this).removeClass('rem_box_active');
        } else {
            $(this).addClass('rem_box_active');
        }
    })

    // 同意用户服务协议
    $('.register_box li .agree .checkbox').click(function () {
        if ($(this).hasClass('checkboxed')) {
            $(this).removeClass('checkboxed');
        } else {
            $(this).addClass('checkboxed');
        }
    })

    // 找回密码页返回登录
    $('.find_p_box_font .ret_login').click(function () {
        $boxFind.hide();
        $BoxLogin.show();
    })

    // 注册页返回登录
    $('#pc_user_login').click(function () {
        $BoxReg.hide();
        $BoxLogin.show();
    })

    // input获取焦点 图标高亮
    $('.my_box .input_box li .box_tx1').focus(function () {
        $(this).parent().addClass('new_text_out')
    }).blur(function () {
        $(this).parent().removeClass('new_text_out')
    })

    // 显示隐藏密码
    $('.input_box li .pwd_ico').click(function () {
        let $input = $(this).siblings('.text_out').children('input.box_tx1');
        if ($input.get(0).type === 'password') {
            $input.get(0).type = 'text';
        } else if($input.get(0).type === 'text') {
            $input.get(0).type = 'password';
        }
    })




})()

